<%@taglib prefix="s" uri="/struts-tags"%>

<link rel="stylesheet" href="./js/datatables/3/dataTables.bootstrap.css" />

<style>

	.modal-dialog{
		margin: 30px auto !important
	}
	.modal-body{
		overflow-y: scroll;
	}

</style>

<div class="col-sm-10">

	<div id="offcanvasdiv">
		<table id="tblActividad" class="table table-striped">
			<thead>
				<tr>
					<th>idexpediente</th>
					<th>Nro.</th>
					<th>Costo</th>
					<th>Fecha Creacion</th>
					<th>Accion</th>
				</tr>
			</thead>
			<tbody>

			</tbody>
		</table>
	</div>

</div>


<div class="modal fade" id="modalActividadesXexpediente" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
      
        <form>
        	<div class="table-responsive">
        	<br/>
	        	<table id="tblLstActividadesxExpediente" class="table table-striped">
	        		<thead>
	        			<tr>
	        				<th>Id. actividad</th>
	        				<th>Fecha</th>
	        				<th>Costo cash</th>
	        				<th>estado</th>
	        				<th>Observacion</th>
	        				<th>Responsable</th>
	        				<th>Descripcion de tarea</th>
	        				<th>Archivo</th>
	        				<th>Accion</th>
	        			</tr>
	        		</thead>
	        		<tbody>
	        			
	        		</tbody>
	        	</table>
        	</div>
        </form>
        
        <div id="divActualizador">
        	<div id="mensajeserver"></div>
        	<fieldset>
        		<legend id="legendtitle"></legend>
        		<form id="frmActualizaActExp">
        			<div class="form-group">
        				<label>Observacion</label>
        				<textarea rows="" cols="" class="form-control" id="actexpObservacion"
        					name="expact.observacion" placeholder="Observaciones de la actividad">
        				</textarea>
        			</div>
        			<div class="form-group">
        				<label>Responsable</label>
        				<input type="text" maxlength="45" class="form-control" id="actexpResponsable" 
        					name="expact.responsableact" required="required" 
        					placeholder="Nombre del responsable de la actividad"/>
        			</div>
        			<div class="form-group">
        				<label>Descripcion de la tarea</label>
        				<textarea rows="" cols="" class="form-control" 
        					name="expact.descripciontarea" required="required" id="actexpDescripcion"
        					placeholder="Descripcion de la tarea a realizar">
        				</textarea>
        			</div>
        			<div class="form-group">
        				<label>Archivo adjunto</label>
        				<input id="archivo" type="file" 
        					class="form-control">
        				<input type="hidden" id="hidarchivo" name="archivo">
        			</div>
        			<div class="form-group">
        				<label>Estado de la actividad</label>
        				<div class="input-group">
        					<span class="input-group-addon">
        						<input type="radio" aria-label="..." name="expact.estado" value="P">
        					</span>
        					<input type="text" class="form-control" aria-label="..." 
        							readonly="readonly" value="Pendiente">
        				</div>
        				<br>
        				<div class="input-group">
        					<span class="input-group-addon">
        						<input type="radio" aria-label="..." name="expact.estado" value="E" checked="checked">
        					</span>
        					<input type="text" class="form-control" aria-label="..." 
        							readonly="readonly" value="En proceso">
        				</div>
        				 
        			</div>
        			<div class="form-group">
        				<button type="button" class="btn btn-block btn-success" 
        					id="btnActualizarExpediente">
        					Guardar cambios
        				</button>
        			</div>
        		</form>
        	</fieldset>
        	
        </div>
      </div>
      <div class="modal-footer">
        <button id="btnCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>


<script src="./js/datatables/jquery.dataTables.js"></script>
<script src="./js/datatables/3/dataTables.bootstrap.js"></script>
<script src="./js/actualizarexpediente.js"></script>
<script src="./js/scotchPanels.js"></script>